import React, { Component } from 'react'
import { NavBar,Space } from 'antd-mobile'
import "./index.css"
import {  CameraOutline } from 'antd-mobile-icons'

export default class index extends Component {
  render () {
    const right = (
      <div style={{ fontSize: 24 }}>
        <Space style={{ '--gap': '16px' }}>
        <CameraOutline />
        </Space>
      </div>
    )
    return (
      
      <>
        <header style={{ width: '100%', height: '0.4rem' ,backgroundColor:'black',color:'white' }}>
            <NavBar  right={right} back='发现' >
              车友圈
            </NavBar >
        </header>
        <div id='banner'>
          <img src={require('../../assets/images/nameImg.jpg')} alt='' />
          <div id='name'>张小六</div>
        </div>
      </>
    )
  }
}
